<script setup lang="ts">
// 设置默认参数，解构复制 Vue 3.5+
// const { text = '按钮' } = defineProps<{ text?: string }>()

// 在 Vue3.4 及更低版本，使用 withDefaults 设置 默认值
withDefaults(defineProps<{ text?: string }>(), { text: '按钮' })

</script>
<template>
  <button class="btn">{{ text }}</button>
</template>
<style scoped>
.btn {
  width: 100px;
  height: 40px;
  background: #3f85ed;
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  margin: 10px;
}
</style>